<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<title>微信客户端</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	
	<!-- 微信UI库 -->
	<link rel="stylesheet" type="text/css" href="libs/weui/weui.css"/>
	<!-- jQuery Weui 库 -->
	<link rel="stylesheet" type="text/css" href="libs/jquery-weui/css/jquery-weui.css"/>
	<!-- App公共基础Style -->
	<link rel="stylesheet" type="text/css" href="css/app.css"/>
	<!-- 主页样式 -->
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>

<body>
	
	
<!--<div class="weui-pull-to-refresh__layer">
	<div class='weui-pull-to-refresh__arrow'></div>
	<div class='weui-pull-to-refresh__preloader'></div>
	<div class="down">下拉刷新</div>
	<div class="up">释放刷新</div>
	<div class="refresh">正在刷新</div>
</div>

<header>
	<div class="location">qwq</div>
	<div class="search">搜索</div>
	<div class="profile">wq</div>
</header>-->
	

	<div class="weui-tab">
		<div class="weui-tabbar" style="position: fixed;">
			<a href="#tab1" class="weui-tabbar__item weui-bar__item--on">
				<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
				<div class="weui-tabbar__icon">
					<img src="img/icon_nav_button.png" alt="">
				</div>
				<p class="weui-tabbar__label">微信</p>
			</a>
			<a href="#tab2" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<img src="img/icon_nav_msg.png" alt="">
				</div>
				<p class="weui-tabbar__label">通讯录</p>
			</a>
			<a href="#tab3" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<img src="img/icon_nav_article.png" alt="">
				</div>
				<p class="weui-tabbar__label">发现</p>
			</a>
			<a href="#tab4" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<img src="img/icon_nav_cell.png" alt="">
				</div>
				<p class="weui-tabbar__label">我</p>
			</a>
		</div>
		
		<div class="weui-tab__bd">
			<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
				
				<!--下拉刷新-->
				<div class="weui-pull-to-refresh__layer">
					<div class='weui-pull-to-refresh__arrow'></div>
					<div class='weui-pull-to-refresh__preloader'></div>
					<div class="down">下拉刷新</div>
					<div class="up">释放刷新</div>
					<div class="refresh">正在刷新</div>
				</div>
				
				<header>
					<div class="location">广州</div>
					<div class="search">dasd</div>
					<div class="profile">das</div>
				</header>
				
				<h1>页面一</h1>
				<div class="content-padded">
	            <p>jQuery API - jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center.</p>
	            <p>jQuery API - jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center.</p>
	            <p>jQuery API - jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center.</p>
	          </div>
			</div>
			
			<div id="tab2" class="weui-tab__bd-item">
				<h1>页面二</h1>
			</div>
			
			<div id="tab3" class="weui-tab__bd-item">
				<h1>页面三</h1>
			</div>
			
			<div id="tab4" class="weui-tab__bd-item">
				<h1>页面四</h1>
			</div>
		</div>
		
	</div>

	

	
    
    <!-- jQuery -->
	<script src="libs/jquery/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<!-- jQuery-Weui 库 -->
	<script src="libs/jquery-weui/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
	<!-- 微信JS-SDK -->
	<script src="libs/wx-jssdk/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>
	<!--App 公共基础JS-->
	<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
	<!-- 主页JS -->
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>